@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1140{width: 1100px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1240{width: 1240px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #444; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header_top{width: 100%;height: 30px;background: #dfdfdf;border:1px solid #d1d1d1;border-width: 0 0 1px 0;}
.ht_body{width: 1200px;margin:0 auto;}
.ht_body .fl,.ht_body .fr{line-height: 30px;}
.ht_body a:hover {text-decoration: underline;}

.header{width: 1200px;margin:0 auto;}

.nav_box{width: 100%;background: url(../images/navbg.jpg) no-repeat center;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:1224px;margin:0 auto; height:45px; line-height:45px;;position:relative;z-index:1;}
.nav a{ color:#fff;}
.nav .nLi{width:136px;float:left;  position:relative; display:inline;text-align: center;}
/*.nav .nLi h3{ float:left;}*/
.nav .nLi h3 a{ display:block; font-size:16px; font-weight:bold;}
.nav .sub{ display:none; width:136px; left:0; top:42px;  position:absolute;background:#232524;line-height:42px; padding:5px 0;}
.nav .sub li{width: 136px; zoom:1;font-size: 13px;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ background:#6d6d6d; color:#fff;}
.nav .on{ background:url(../images/hoverbg.png) no-repeat center; color:#fff;text-align: center}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 517px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 517px;
	display: block;
}
/*banner end*/

/*company start*/
.company{background: url(../images/combg.png) no-repeat center;}
.cb_l{width: 700px;height:430px;}
.com_zi{width:610px;padding:70px 60px 0 60px; }
.com_zi b{font-size: 15px;color: #232524}
.com_zi p{margin:3px 0;text-indent: 2em;}
.com_zi .more{width: 120px;height: 35px;text-align: center;line-height: 35px;border: 1px solid #005BB9;border-radius: 8px;position: relative;top: 20px;color: #005BB9}
.com_zi .more:hover {color: #fff;border:0;background: #B51C21}
/*company end*/

/*product start*/
.product{background: url(../images/probg.jpg) no-repeat center;padding: 40px 0 50px 0;}
.pro_top{width: 1200px;height: 100px;background: url(../images/pro_title.png) no-repeat center;}
.pro_main{width: 1200px;}
.pro_list{width: 220px;}
.pro_list li{width: 220px;height:34px;border:1px solid #c4c4c4;line-height: 38.5px;margin: 15px 0 28px 0;color: #C4C4C4;font-size: 16px;}
.pro_list li:hover {background-color: #B51C21;border-color: #fff;color:#fff;}
.pro_cp{width: 245px;}
.cp_nei{width: 210px;height: 190px;border:1px solid #c4c4c4;margin-top: 15px;padding: 5px;}
.cp_nei .zi{width: 210px;height: 35px;text-align: center;line-height: 35px;color: #C4C4C4;font-size: 15px;}
.cp_nei:hover {border-color: #fff}
.cp_nei:hover .zi{color:#B51C21;}
.pro_main .more{width: 140px;height: 42px;text-align: center;line-height: 42px;border-radius: 8px;margin:0 auto;position: relative;top: 5px;background-color: #B51C21;color: #fff;font-size: 16px;}
/*product end*/

/*left*/
.pro_list6{width: 220px; margin-top: 30px}
.pro_list6 .cpzx{ width: 222px; height: 60px; line-height: 60px; color: #fff; text-align: center; background-color: #005BB9; font-weight: bold; font-size: 24px; }
.pro_list6 li{width: 220px;height:44.5px;border:1px solid #7899BE;line-height: 44.5px;margin: 15px 0 28px 0;color: #005BB9;font-size: 16px;}
.pro_list6 li:hover {background-color: #B51C21;border-color: #fff;color:#fff;}

/*方案 start*/
.fangan{padding: 40px 0;background: url(../images/pro_bg.jpg) no-repeat center top;}
.fangan .title{text-align: center;}
.fangan .title b{text-align: center;font-size: 32px;color: #333}
.fangan .title p{text-align: center;padding-top: 10px;color: #888;font-size: 15px;}
.fangan ul{margin-top: 21px;}
.fangan ul li{width: 280px;height: 350px;background: #dedede;margin-left: 33px;}


.fangan .picMarquee-left{width:1200px;overflow:hidden; position:relative;left: 20px;}
.fangan .picMarquee-left .tempWrap{width: 1240px!important;}
.fangan .strengthMain{overflow:hidden;margin-top: 35px;}
.fangan .strengthMain li{float:left;width:228px; height:auto; overflow:hidden;background:#444;position:relative;margin:10px}

.fangan .strengthMain li img{width:100%;transition:all .5s;opacity:1;filter:alpha(opacity=100);}
.fangan .strengthMain li .font{width:228px;height:172.5px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:0px;}
.fangan .strengthMain li .font h3{font-size:15px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:32px;background: url(../images/imghoverbg.png) no-repeat center;position: relative;top: 141px;}
.fangan .strengthMain li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}
.fangan .strengthMain li:hover .font h3{font-size:16px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:190px;background: none;position: relative;top: 0}
.fangan .strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.fangan .strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.fangan .strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.fangan .strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

/*方案 end*/

/*new start*/
.new{padding: 40px 0;}
.new_top{width: 1200px;height: 100px;background: url(../images/new_title.png) no-repeat center;}
.new .title{text-align: center;}
.new .title b{text-align: center;font-size: 32px;color: #333}
.new .new_body .nb_l{width: 535px;position: relative;}
.new .new_body .nb_l .liuyan .title{width: 133px;height: 40px;background: #005BB9;color: #fff;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;}
.new .new_body .nb_r{width: 620px;height: 320px;}
#tab { width:620px; height:216px; position:relative;}
/*设置容器高宽等*/
html > body #tab { width:620px;}
/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:30px; left:0; width:620px; height:186px;}
/*设置容器高宽等*/
#tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block { display:block;}
/*选中的容器*/
#tab h3 { float:left; width:133.5px; height:40px; line-height:40px; margin:0; font-size:16px; cursor:pointer; background-color:#e5e5e5; text-align:center; color:#5a5a5a; font-family:Microsoft YaHei;font-weight:bold;}
/*默认标题样式*/
#tab .up { background:#005BB9;color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { list-style:none; padding:0; height:186px; margin-top:0px;}
#tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:28px; padding-top:17px; overflow:hidden; font-size:14px;position: relative;top: 10px}
#tab li a { display:inline; font-size:15px; text-decoration:none; text-indent:10px; /* margin-right:10px; */}
#tab li:hover a{color: #005BB9}
#tab li span{ display:block; float:right; margin-right:5px; color: #bdacb3;}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#D3161A; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}
/*new end*/

/*footer start*/
.footer{padding: 26px 0 0px 0;background:#696969;border-top: 5px solid #0060D8}
.footer .foot_nav{width: 1200px;height: 16px;margin: 0 auto 20px auto;}
.footer .foot_nav li{width: 131px;text-align: center;line-height: 16px;border-right: 1px solid #fff;color: #fff;font-size: 16px;}
.footer .foot_nav a:nth-child(9) li{border-right: 0px;}
.footer .f_mid{padding: 15px 0;}
.footer .f_mid p{text-align: center;line-height: 200%;color: #fff;font-size: 15px;}
.footer .f_mid .lx_bot{width: 1000px;margin: 0 auto;color: #fff}
.footer .f_mid .lx_bot li{line-height: 30px;}
.footer .f_mid .lx_bot li:nth-child(1) {width: 200px;}
.footer .f_mid .lx_bot li:nth-child(2) {width: 300px;}
.footer .f_mid .lx_bot li:nth-child(3) {width: 250px;}
.footer .f_mid .lx_bot li:nth-child(5) {width: 200px;}
.footer .f_mid .lx_bot li:nth-child(6) {width: 300px;}
.footer .f_bot{background: #333;line-height: 30px;}
.footer .f_bot p{color: #fff; height:45px; line-height:45px;}
.yqlj{height: 35px;line-height: 35px;background: #333}
.yqlj ul li{color: #fff;margin-right: 15px;}
/*footer end*/

.lxwm_r{width: 550px;height: 250px;padding-top: 25px;}
.lxwm_r .name{width: 230px;height: 36px;border:1px solid #939393;}
.lxwm_r .tel{width: 230px;height: 36px;margin-left:20px;border:1px solid #939393;}
.lxwm_r textarea{width: 478px;height: 150px;border-color: #939393}
.lxwm_r .textarea{margin-top: 10px;}
.lxwm_r .submit{width:190px;height: 35px;margin-top: 10px; float: right;}
.lxwm_r .submit input{width:120px;height:35px;border:0px;background: #B51C21;color: #fff;font-size: 15px;cursor: pointer;font-weight: bold;}

/*友情链接*/
.links{ background: #696969; color: #fff; font-size:16px;}
.links a{font-size: 14px; color: #fff; margin-right: 10px; height: 30px; line-height: 30px;}
.links a:hover{color: #005BB9;}

/*main start*/
.main .mian_list{width: 250px;}
.main .pro_list{width: 250px;height: 395px;background:url(../images/pro_list.jpg) no-repeat center;}
.main .pro_list .title{width: 250px;height: 50px;text-align: center;line-height: 75px;color: #fff;font-size:28px;font-weight: bold}
.main .pro_list ul{padding-top: 40px;width:240px;margin:0 5px;}
.main .pro_list ul li{height: 34px;line-height: 34px;border:1px dashed #D1D1D1;border-width: 0 0 1px 0; font-size:15px; width: 240px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.main .pro_list ul li b{font-size:16px; margin-left: 10px;}
.main .pro_list ul li:hover {color: #005BB9;font-weight: bold; font-size: 17px;}
.sideWrap { margin-bottom: 19px;    width: 223px; margin-top:10px;}
.sideWrap h2 { background:#005BB9; height: 43px; line-height: 43px; font-size:24px; font-weight: bold;color: #fff;text-align: center;/*border-top-right-radius: 5px;border-top-left-radius: 5px;*/}
.sideWrap h2 span{ padding-left:10px;}
.sideBox { background: #f2f2f2; }
.sideNewsBox { padding: 11px 12px 13px 11px; }
.sideNewsBox li { border-bottom: 1px dashed #d2d2d2; height: 29px; line-height: 29px; }
.sideNewsBox h3 a {background: url(../images/arrow.gif) no-repeat 0 center;color:#393939;display: block;padding-left: 11px;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.sideNewsBox h3 a:hover {color:#005BB9;font-size: 14px;font-weight: bold;}
.main .main_body{width: 810px;}
.main .main_body .mb_top{width: 810px;height: 45px;background-color: #7899BE;margin-top: 30px;border-radius: 5px;line-height: 45px;color: #fff;padding:0 10px;}
.main .main_body .mb_top b{font-size: 20px;}
.main .main_body .mb_top p a{color: #fff}
.main .main_body .mb_top p a:hover {text-decoration: underline;}
.main .main_body .mb_body{width: 810px;padding: 15px 10px 0px 10px; line-height:25px;}
/*main end*/
.ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:5px; line-height:22px; border-bottom:1px dashed #CCCCCC;    margin: 6px;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#444; }
dl.news_dl dt {line-height:24px;height:24px;width:780px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px;    font-size: 16px;color: #666666; font-weight:bold;text-decoration:none;  }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd {font-size:12px;overflow:hidden;}
.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 17px;}
.per p a{ color: #005BB9; font-size: 15px; font-weight:bold; }
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:810px !important;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:250px;line-height: 25px; height:25px; float:left;margin:5px 10px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.web_pages{float:left; width:810px;}
.web_pages ul{float:left;padding:12px 0px 12px 36px;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.web_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.web_pages ul li a:hover{background-color:#005BB9; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#005BB9; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.web_pages .pageinfo strong{color:#555;margin:0px 2px;}
.pro_img{ width:820px; margin: 0px auto; height:auto;    overflow: auto;}
.pro_img ul{ padding:0px; margin:0px;list-style:none; }
.pro_img ul li{ float:left;width:222px; margin:10px 25px;height: 210px;}
.pro_img ul li a{text-decoration:none;} 
.pro_img ul li a img{ width:220px; height:165px; border:1px #ccc solid; border-radius:3px; }
.pro_img ul li a span{ width:220px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.pro_img ul li a img:hover{ width:240px; height:180px;position:absolute;margin-left:-10px;}
.pro_img2{ width:910px; margin: 0px auto; height:auto    overflow: auto;}
.pro_img2 ul{ padding:0px; margin:0px;list-style:none; }
.pro_img2 ul li{ float:left;width:150px; margin:10px 5.8px;height: 160px;}
.pro_img2 ul li a{text-decoration:none;} 
.pro_img2 ul li img:hover{transform: scale(1.05);box-shadow: 0px 10px 50px rgba(0,0,0,0.4);}
.pro_img2 ul li a img{ width:150px; height:113px; border:1px #ccc solid; border-radius:3px; }
.pro_img2 ul li a span{ width:150px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
/* productBox */
.productBox { width:810px; overflow: hidden;margin-top: 20px }
.productBox li { float: left; position: relative; width: 228px; height:220px; border: 1px solid #858585; background: #f4f4f4; margin:0px 20px; margin-bottom: 24px; }
.productBox li:hover{box-shadow: 0px 15px 15px rgba(0,0,0,0.4);}
.prodBox img{background: url(../images/pro_bg.png) no-repeat 0 center;}
.pro_page img{background: url(../images/pro_bgs.png) no-repeat 0 center;}
.productBox h3 { text-align: center; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox h4 {margin-bottom: 8px;text-align: center;font-size: 12px;color: #F00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.productBox p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBox span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBox a { position: absolute; top: -4px; left: -4px; width: 236px; height: 238px; }
.productBox .on {background: #005BB9;border-color: #2D2D2B;}
.productBox .on h3 { color: #fff;line-height: 50px; }
.productBox .on h4 { display:none; color: #fff; }
.productBox .on p { color: #fff; }
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6; }
.productBoxs { width:860px; overflow: hidden;margin-top: 20px }
.productBoxs li { float: left; position: relative; width:171px; height:258px; border: 1px solid #858585; background: #f4f4f4; margin:0 20px; margin-bottom: 24px; }
.productBoxs h3 { margin:0px; line-height:30px; text-align: center; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBoxs p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBoxs span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block;padding-left: 10px; line-height: 19px; position: relative; left: 5px; }
.productBoxs a { position: absolute; top: -4px; left: -4px; width:171px; height:236px; }
.productBoxs .on { background:#0261CF; border-color: #0261CF; }
.productBoxs .on h3 { color: #fff; }
.productBoxs .on p { color: #fff; }
.productBoxs .on span { border-color: #125ed6; background: #fff; color: #125ed6; }

/*网站地图*/
.mapbody{margin:0 auto;}
#content01 h3{ font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid;    clear: both; }
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}
#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px;  margin-top: 25px;  width: 1100px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:auto;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:auto; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.linkbox .sj{ width:900px;}.linkbox .sj ul li{ float:left; }
.hotnew_bt{font-size:16px;width:1100px;float:left;color:#666666;font-weight: bold;border-bottom:#111111 2px solid;margin-bottom: 20px;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1200px;margin: 0 auto;}

/*验证码*/
.yzm{float:left;width:130px;margin-top:13px;/*margin-left:56px*/}
.yzm a{color:#444}
.inpt{width:25% !important;/*float:right;margin-right:200px;*/margin-top:7px;height:30px}